<script type="text/javascript"> 
$(function(){
	$("#agent").validate();
    $('#agent').submit(function(){
        var value= true;
        var msg='';
        var prop = '';
        var propValue = '';
        var propText='';
        $('.options ul').each(function(index,item){
            value = value && ($('.tb-selected',item).length == 1);
            var tmsg = $(this).parent().prev().text();
            msg += tmsg.substr(0,tmsg.length-1)+',';
            prop += tmsg.substr(0,tmsg.length-1)+':'+$('.tb-selected a',item).text()+' | ';
            propText += tmsg.substr(0,tmsg.length-1) + ':' + $('.tb-selected a input',item).val()+'|';
            propValue += $('.tb-selected').attr('prop') + '|';
        });
        if($('#quan').text()=='0'){
            alert('您选择的商品没有库存了,请重新选择');
            return false;
        }
        msg = msg.substr(0,msg.length-1);
        if(!value){
            alert('请选择'+ msg);
            return false;
        }
        if($('#comment').val()==$('#comment').attr('tip')){
            $('#comment').val('');
        }
        $('#prop').val(prop);
        $('#prop').val(propText);
        $('#propValue').val(propValue);
        return true;
    });
	$("#url").focus(function(){		
		$(this).addClass('Normal');
	}).blur(function(){
		//$(this).removeClass('Normal');
	});
    if($('#url').val()=='http://'){
        $("#url").click(function(){
            $(this).val('');
            $(this).unbind('click');		
        });
    }
    
	$("#comment").click(function(){
		$(this).val('');
		$(this).unbind('click');
		$(this).removeClass('hui');
	});
	var skus = [];
    //绑定可选项的点击事件 
    $('.tb-clearfix li:not(.dis)').live('click',function(){
        var value = $(this).attr('prop');
        //设置选中状态
        $(this).parent().children().not(this).removeClass('tb-selected');
        $(this).parent().children().not(this).children('i').remove();
        $(this).toggleClass('tb-selected');
        if($(this).hasClass('tb-selected')){
            $(this).append('<i>已选中</i>');
        }else{
            $('i',this).remove();
        }
        //设置选项是否可选
        $('tr.options').not($(this).parents('tr')).each(function(index,item){
            $('li',item).each(function(liIndex,li){
                if(hasSkus($(li).attr('prop'),value,skus)){
                   $(li).removeClass('dis'); 
                   $(li).removeClass('tb-out-of-stock');
                }else{
                   $(li).addClass('dis');
                   $(li).addClass('tb-out-of-stock');
                }
            });
        });
        
        //根据背景小图设计商品大图
        var back = $('a',this).css('background-image');
        if(back && back != 'none'){
            back = back.replace('_30x30.jpg)','').replace('_30x30.jpg','');
            
            back = back.replace('url(','');
            $('.tu img').attr('src',back.replace('_30x30.jpg',''));
        }
        //如果可选项行数与已经选中数一致，证明已经全都选完了，则设置价格与数据
        if($('tr.options').length == $('tr.options li.tb-selected').length){
            var sku = findSelectedSku(skus);
            if(sku == false){
                alert('已经没有库存了,请重新选择');
                return;
            }
            $('#price').val(sku.price);
            $('#quan').html(sku.quantity);
            $('#sku').val(sku.skuNo)
            $('#image').val($('.tu img').attr('src'));
        }
        return false;
    });
    function findSelectedSku(skus){
        for(var i=0;i<skus.length;i++){
            var found=true;
            $('tr.options li.tb-selected').each(function(index,item){
                found = found & (skus[i].properties.indexOf($(item).attr('prop'))>=0);
            });
            if (found && skus[i] && skus[i].quantity && skus[i].quantity>0){
                return skus[i];
            }
        }
        return false;
    }
    function hasSkus(li,value,skus){
        for(var i=0;i<skus.length;i++){
            if(skus[i].properties.indexOf(li)>=0 && skus[i].properties.indexOf(value)>=0 && skus[i].quantity>0){
                return true;
            }
        }
        
        return false;
    }
	//操作数量
	$('.num .jia').click(function(){
		$("#quantity").val(parseFloat($("#quantity").val())+1);
		return false;
	});
	$('.num .jian').click(function(){
		var quantity= parseFloat($("#quantity").val())-1;
		quantity = quantity==0 || isNaN(quantity) ?1:quantity;
		$('#quantity').val(quantity);
		return false;
	});
	//点击获取信息
	$("#getInfo").click(function(){
		if(!$("#url").valid())
			return;
		$("#getInfoDiv").hide();
		$(".loading").show();
        
        function findSku(skus,prop){
            var sku =null;
            for(var i=0;i<skus.length;i++){
                var found=true;
                found = found & (skus[i].properties.indexOf(prop)>=0);
                if (found){
                    sku= skus[i];
                    if(sku.quantity>0)
                        return sku;
                }
            }            
            return sku;
        }
        
		$.post('/purchase/getinfo',{'url':$('#url').val()},function(data){
			if(data.success){//成功,设置
				$('.zt .cg').show();
				$('.tu').show();
				$('.tu img').attr('src',data.image);
                $('#image').val(data.image);
                if(data.name==''||data.name == null){
                    $('#name').val(data.name);
                }else{
                    $('#name').val(data.name).attr('readonly','readonly');
                }
                $('#shopId').val(data.shopId);
                if(data.price){
                    $('#priceError').remove();
                    if(data.priceError){
                        $('#price').val(changeTwoDecimal_f(data.price)).removeAttr('readonly');
                        $('#price').nextAll('p').append('<p id="priceError" style="color:red">未抓到到促销价，您可以手工修改价钱</p>');
                    }else{
                        $('#price').val(changeTwoDecimal_f(data.price)).attr('readonly','readonly');
                    }
                    $('#shipFee').val(changeTwoDecimal_f(data.shipFee)).attr('readonly','readonly');
                    $('#priceTip').show();
                }else{
                    $('#price').removeAttr('readonly').val('');
                    $('#shipFee').removeAttr('readonly').removeClass('hui');
                    $('#priceTip').hide();
                }
				
                $('#sku').val(data.sku);
                $('#quan').html(data.quantity);
                var html = '';
                //如果商品是可以选则的
                if(data.hasSkus){
                    skus = data.skus;
                    //添加属性名
                    for(var key in data.option){
                        var type;
                        var row='';
                        //添加属性值
                        for(var value in data.option[key]){
                            var style = '';
                            var item =findSku(data.skus,value);
                            
                            if(!(item && item.quantity && item.quantity > 0)){
                                continue;
                            }
                            if(data.option[key][value]['image']){
                                type = 'tb-img';
                                style = ' style="background: url('+ data.option[key][value]['image'] +'_30x30.jpg) no-repeat center;"';
                            }else{
                                type = '';
                            }
                            row+= '<li prop="'+ value +'"><a href="#"'+ style +' title="'+data.option[key][value]['name'] +'"><span>'+ data.option[key][value]['name'] +'</span><input type="hidden" value="'+data.option[key][value]['name']+'"/></a></li>';
                        }
                        html += '<tr class="options"><td class="l">'+key+'：</td><td><ul class="tb-clearfix '+ type +'">';
                        html += row + '</td></tr>';
                    };
                }
                $('#skubefore').after(html);
		$('#name,#price,#shipFee').unbind("click");
                $('#name,#shipFee').unbind("focus");
            	$('#name').addClass("hui");
            	$('#shipFee').addClass("hui");
			}
			else{//失败				
				$('.zt .red').show();
				//第一次时把原始提示清掉，得到焦点时把hui去掉		
				$('#name,#price,#shipFee').click(function(){
					$(this).val('');
					$(this).unbind('click');		
				});
				$(':input').focus(function(){
					$(this).removeClass('hui');
				});
			}
			$('.fill_No').hide();
			$('.tijiao').show();
			$('.loading').hide();
			$('.info').show();
			$("#url").addClass('Gray').attr('readonly','readonly');
		}).fail(function() { 
                $('.zt .red').show();
				//第一次时把原始提示清掉，得到焦点时把hui去掉		
				$('#name,#price,#shipFee').click(function(){
					$(this).val('');
					$(this).unbind('click');		
				});
				$(':input').focus(function(){
					$(this).removeClass('hui');
				});
            $('.fill_No').hide();
			$('.tijiao').show();
			$('.loading').hide();
			$('.info').show();
			$("#url").addClass('Gray').attr('readonly','readonly');
        });
	});
	//再试一次
	$("#reTry,#reFill").click(function(){
		$("#url").removeClass('Gray').removeAttr('readonly');
		$('.zt .red').hide();
		$('.zt .cg').hide();
		$('.fill_No').show();
		$('.tijiao').hide();
		$('.loading').hide();
                $("#name").removeAttr('readonly');
                $("#price").removeAttr('readonly');
                $("#shipFee").removeAttr('readonly');
        $('tr.options').remove();
		$('.info').hide();
		$("#getInfoDiv").show();
		$('.tu').hide();
		$('#url').val('');
		return false;
	});
    function changeTwoDecimal_f(x)
    {   
        var f_x = parseFloat(x);
        if (isNaN(f_x))
        {
            return x;
        }
        f_x = Math.round(f_x*100)/100;
        var s_x = f_x.toString();
        var pos_decimal = s_x.indexOf('.');
        if (pos_decimal < 0)
        {
            pos_decimal = s_x.length;
            s_x += '.';
        }
        while (s_x.length <= pos_decimal + 2)
        {
            s_x += '0';
        }
        return s_x;
    }
    if($('#url').val()!='http://'){
        $('#getInfo').click();
    }
    
    $("#url").change(function(){
        var url = $(this).val();
        var a = url.replace(/[\[]/ig,'').replace(/[\]]/ig,'');
        $(this).val(a);
        $(this).valid();
    });
});
</script>
<style>
label.error{color:red}
</style>
<div class="rukutop" style="height:24px;">
    <div style="width: 240px;float: left;"><p style="font-size: 20px;width: 240px;margin-left: 20px;">生成代购订单</p></div>
    <div style="width: 240px;float: left;margin-top: 4px;"><a href="/admini/purchase/cart">购物车</a></div>
</div>
<div class="rukunr">
    <div class="Fill_info">
        <form id="agent" method="post">
            <table>
              <tr>
                <td class="zuo">
                    <h3>第一步</h3>
                    <p>输入您要代购的商品网址</p>
                </td>
                <td>
                    <div class="wangzhi">             
                    	<?php echo $this->formText('url',$this->url?$this->url:'http://',array('class'=>'required url','autocomplete'=>'off','onkeyup'=>"value=valuereplace(/[\[]/ig,'').replace(/[\]]/ig,'')",'onbeforepaste'=>"clipboardData.setData('text',clipboardData.getData('text').replace(/[\[]/ig,'').replace(/[\]]/ig,''))")) ?>      	
                    </div>
                    <div class="zt">
                        <p class="cg" style="display:none">商品信息抓取成功！</p>
                        <p class="red" style="display:none">抓取商品信息失败，您可以手动完善相关信息！也可以尝试<a id="reTry" href="#">再试一次！</a></p>
                    </div>
                </td>
              </tr>
              <tr>
                <td class="zuo">
                    <h3>第二步</h3>
                    <p>根据网址抓取商品信息</p>
                    <div class="tu" style="display:none;">
                        <span><img src="/pic_img/p_120.jpg" alt="商品名称" /></span>
                        <p>商品图片</p>
                    </div>
                </td>
                <td>
                    <div id="getInfoDiv" class="button">
                        <input id="getInfo" class="" name="" type="button" value="点击抓取商品信息" onmouseover="this.className='btn'" onmouseout="this.className=''" onclick="_gaq.push(['_trackEvent', 'purchase', 'click', 'agent']);"/>
                    </div>
                    <div class="loading" style="display:none;">
                        <p>正在抓取商品信息&#8230;</p>
                    </div>
                    <div class="info" style="display:none;">
                        <table>
                          <tr>
                            <td class="l">商品名称：</td>
                            <td><?php echo $this->formText('name','请输入商品名称',array('class'=>'hui required')) ?></td>
                          </tr>
                          <tr>
                            <td class="l">商品价格：</td>
                            <td>
                                <?php echo $this->formText('price','请输入商品价格',array('class'=>'k150 number required'))?><em>￥<span>(RMB) </span></em>
                                <p id="priceTip" style="color:#cccccc;clear:left">如发现价格不一致,<a style="color:green" target="_blank" onclick="_gaq.push(['_trackEvent', 'qq', 'open', 'price']);" href="http://crm2.qq.com/page/portalpage/wpa.php?uin=800035006&f=1&ty=1&aty=0&a=&from=6">请联系在线客服</a></p>
                            </td>
                          </tr>
                          <tr id="skubefore">
                            <td class="l">国内运费：</td>
                            <td><?php echo $this->formText('shipFee','10.0',array('class'=>'k150 hui number required'))?><em>￥<span>(RMB) </span></em></td>
                          </tr>
                          <tr>
                            <td class="l">购买数量：</td>
                            <td>
                                <div class="num"><a href="#" class="jian" title="减">减</a>
                                <?php echo $this->formText('quantity','1',array('class'=>'k100 number required'))?>
                                <a href="#" class="jia" title="加">加</a></div>
                                <span class="kucun">(最多可买<label id="quan">5</label>件)</span>
                            </td>
                          </tr>
                          <tr>
                            <td class="l">商品备注：</td>
                            <td><?php echo $this->formTextarea('comment','填写商品备注(可以写下您的特殊要求或颜色，大小等)',array('class'=>'hui','tip'=>'填写商品备注(可以写下您的特殊要求或颜色，大小等)'))?></td>
                          </tr>
                        </table>
                    </div>
                </td>
              </tr>
              <tr>
                <td class="zuo">
                    <h3>第三步</h3>
                    <p>提交您要代购的商品</p>
                </td>
                <td>
                    <p class="fill_No">点击“提交代购”加入我的购物车</p>
                    <div class="tijiao" style="display:none;">
                        <?php echo $this->formHidden('sku') ?><?php echo $this->formHidden('image') ?><?= $this->formHidden('prop') ?>
                        <?= $this->formHidden('propValue') ?><?= $this->formHidden('shopId') ?>
                        <input name="submit" type="submit" value="" onmouseover="this.className='ok'" onmouseout="this.className=''" /><a id="reFill" href="#">返回第一步</a>
                    </div>
                </td>
              </tr>
            </table>
        </form>
        </div>
</div>